.dialog { width: 100%; height: 100%; overflow: hidden; position: relative; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif-light, Arial, sans-serif!important; }
.dialog > .dialog_body {height:100%; margin-top: 54px; overflow: auto; padding: 20px 0; }
.dialog > .dialog_title { position: absolute; top: 0; left: 0; width: 100%; padding: 15px 20px; background-color: #F7F8F9; font-size: 20px; }
.dialog > .dialog_footer { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #F7F8F9; }
.dialog > .dialog_footer .btn { padding: 0; height: 50px; line-height: 50px; font-size: 16px; color:#fff; text-align:center; }
.dialog > .close:hover { opacity: 1; background-color: #EEEFF0; }
.dialog > .close { position: absolute; width: 54px; height: 54px; top: 0; right: 0; background: url(../images/close.png) no-repeat; background-size: 20px 20px; background-position: center center; opacity: .8; transition: background .3s; }

.pull-l{width: 50%;  float: left; background-color: #666;}
.pull-r{width: 50%;  float: right;background-color: #006DB7;}
 @media screen and (max-width: 860px) {
.layui-layer.layui-layer-page.layer-anim { width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; }
.layui-layer.layui-layer-page.layer-anim > .layui-layer-content { height: 100%!important; }


}